<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.p01{
				color: orangered;
			}
			.h1{
				color: orangered;
			}
		</style>
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			window.onload = function(){
				console.log("这是js入口函数")
			}
			$(function(){
				console.log("这是jq的入口函数")
//				$("p").css({
//					"background":"red"
//				})
//				$(".p01").css({
//					"background":"blue"
//				})
//				$("#p02").css({
//					"color":"blue"
//				})
			})
		</script>
	</head>
	<body>
		<h3 class="h1">0大家好！</h3>
		<div id="div2">
			<h3>1大家好！</h3>
			<div id="div1">	
				<h3>2大家好！</h3>
				<p id="p02">大家好我是。。。。。。。</p>
			    <p class="p01">我的家在东北。。。</p>
			    <h3>3大家好！</h3>
				<h3>4大家好！</h3>
			</div>			
		</div>
		
	</body>
		<script type="text/javascript">
//			$('div').has('p').css({
//				"background":"red"
//			})
//			$("h3").eq(2).css({
//				"color":"red"
//			})
//			$("h3").eq(2).prev().css({
//				"color":'red'
//			})
//			$("h3").eq(3).prevAll().css({
//				"color":'red'
//			})
//			$("h3").eq(2).nextAll().css({
//				"color":"red"
//			})
//			$("h3").eq(0).parent().css({
//				"color":"red"
//			})
//			$('div').eq(0).children().css({
//				"color":"red"
//			})
//			$("p").removeClass("p01")
//			$("h3").addClass("h1")
//var iNum01 = 12;
//function myalert(){
//  alert('hello!');
//}
//
//(function(){
//  var iNum01 = 24;
//  function myalert(){
//      alert('hello!world');
//  }
//  alert(iNum01);
//  myalert()
//})()
//
//alert(iNum01);
//myalert();
			var a=12
			function cc(){
				alert("我是aa")
			}
			
			(function(){
				var a = 24
				function cc(){
					alert("我是bb")
				}
				alert(a)
				cc()
			})()
			cc()
			alert(a)
		</script>
		
</html>
